// 入口函数
$(function () {
    // alert('ok')
    /* ajax的预处理器 */
    // $.ajaxPrefilter(function (options) {
    //     // console.log(options);
    //     options.url = 'http://api-breakingnews-web.itheima.net' + options.url
    // })
    /* 自定义表单规则 */
    layui.form.verify({
        pwd: [
            /^\S{6,12}$/,
            '密码必须是6~12位的非空字符'
        ],
        // 两次密码是否一致
        repwd: function (value, item) {
            //  console.log(value); 使用这个校验，表单的内容
            //console.log(item); 使用这个校验的对象 DOM对象
            var pwd = $('#form_reg input[name=password]').val().trim()
            if (pwd !== value) {
                return '两次密码不一致！'
            }
        }
    })
    /* 一，实现登录与注册页的相互显示与隐藏切换 */
    $('#link_reg').on('click', function () {
        $('.reg-box').show()
        $('.login-box').hide()
    })
    $('#link_login').on('click', function () {
        $('.login-box').show()
        $('.reg-box').hide()
    })

    /* 二，注册功能 */
    $('#form_reg').on('submit', function (e) {
        e.preventDefault()
        // console.log('ok');
        var username = $('#form_reg input[name=username]').val().trim()
        var password = $('#form_reg input[name=password]').val().trim()
        var repassword = $('#form_reg input[name=repassword]').val().trim()
        // console.log(username,password,repassword);
        // 校验通过
        // 调接口，完成注册功能
        $.ajax({
            method: "post",
            url: '/api/reguser',
            data: {
                username,
                password,
            },
            success(res) {
                console.log(res);
                if (res.status !== 0) {
                    return layui.layer.msg('注册失败', {
                        icon: 5
                    })
                }
                layui.layer.msg('注册成功', {
                    icon: 6
                })
                // console.log(res);
                $('#link_login').click()

            }
        })

    })

    /* 三，登录功能 */
    $('#form_login').on('submit', function (e) {
        e.preventDefault()
        // var username = $('#form_login input[name=username]').val().trim()
        // var password = $('#form_login input[name=password]').val().trim()

        var data = $(this).serialize() //一键获取表单数据
        // console.log(data);
        // 调接口
        $.ajax({
            method: "post",
            url: "/api/login",
            data: data,
            success(res) {
                if (res.status !== 0) {
                    return layui.layer.msg(res.message, {
                        icon: 5
                    })
                }
                layui.layer.msg(res.message, {
                    icon: 6
                })
                // 保存token字符串到本地存储
                localStorage.setItem('token', res.token)

                // 跳转后台首页
                location.href = 'index.html'
                // console.log(res);
            }
        })
    })
})